<template>
  <div style="height:100%">
    <el-menu text-color="rgb(220,212,201)"
             unique-opened="true"
             active-text-color="#fff">
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-s-data"></i>数据统计
        </template>
        <el-menu-item-group>
          <a href="#/datas">
            <el-menu-item index="1-1">数据统计(地域)</el-menu-item>
          </a>
          <a href="#/provincesales">
            <el-menu-item index="1-2">省销售统计(地域)</el-menu-item>
          </a>
          <a href="#/citysales">
            <el-menu-item index="1-3">市销售统计(地域)</el-menu-item>
          </a>
          <a href="#/areasales">
            <el-menu-item index="1-4">区销售统计(地域)</el-menu-item>
          </a>
          <a href="#/provinceactive">
            <el-menu-item index="1-5">省活跃度统计(地域)</el-menu-item>
          </a>
          <a href="#/cityactive">
            <el-menu-item index="1-6">市活跃度统计(地域)</el-menu-item>
          </a>
          <a href="#/areaactive">
            <el-menu-item index="1-7">区活跃度统计(地域)</el-menu-item>
          </a>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-folder"></i>卡号管理
        </template>
        <el-menu-item-group>
          <a href="#/cardcumbercatchcetting">
            <el-menu-item index="2-1">卡号批次设置</el-menu-item>
          </a>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-user"></i>大客户专员专区
        </template>
        <el-menu-item-group>
          <a href="#/bigcustomerlist">
            <el-menu-item index="3-1">大客户专员列表</el-menu-item>
          </a>
          <a href="#/setup">
            <el-menu-item index="3-2">设置</el-menu-item>
          </a>
          <a href="#/bigcustomerorderlist">
            <el-menu-item index="3-3">订单列表</el-menu-item>
          </a>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-notebook-1"></i>财务专区
        </template>
        <el-menu-item-group>
          <a href="#/partnerlist">
            <el-menu-item index="4-1">钱包列表</el-menu-item>
          </a>
          <a href="#/financialmanagementorderlist">
            <el-menu-item index="4-2">订单列表</el-menu-item>
          </a>
          <a href="#/revieworderlist">
            <el-menu-item index="4-3">审核订单列表</el-menu-item>
          </a>
          <a href="#/manifestlist">
            <el-menu-item index="4-4">提现列表</el-menu-item>
          </a>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-setting"></i>系统管理
        </template>
        <el-menu-item-group>
          <a href="#/rersonnel">
            <el-menu-item index="5-1">人员管理</el-menu-item>
          </a>
          <a href="#/role"> <el-menu-item index="5-2">角色管理</el-menu-item></a>
          <a href="#/authority"><el-menu-item index="5-3">权限管理</el-menu-item></a>
          <a href="#/menu"><el-menu-item index="5-4">菜单管理</el-menu-item></a>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>
  </div>
</template>
<style>
  a {
    text-decoration: none;
  }

  .el-menu-item {
    background-color: #010B17;
  }

    .el-menu-item:hover {
      background-color: #009ffe !important;
      color: #fff !important;
    }

  .el-submenu .el-submenu__title:hover {
    color: #fff !important;
    background-color: unset !important;
  }

  .el-menu-item.is-active {
    background-color: #009ffe !important;
  }

  .el-menu {
    height: inherit;
    width: 100%;
    background-color: rgb(1, 20, 44);
  }
</style>
